@extends('web.frame_layout')
<?php $parent_menu = "财务中心"; $menu_selected = "打款申请";?>
<link rel="stylesheet" href="{{asset('web/css/recharge-center.css')}}">
@section('content')
    <div class="m-right-nr">
        <div>
            <h2><span>充值中心</span></h2>
            <p>请选择充值方式：</p>
            <div class="m-choose-tx">
                <ul class="nav nav-tabs" role="tablist">

                    <li role="presentation" class="active">
                        <a href="#zfb" class="zfb_type" aria-controls="zfb" role="tab" data-toggle="tab">支付宝</a>
                    </li>
                    <li role="presentation">
                        <a href="#wx" class="wx_type" aria-controls="wx" role="tab" data-toggle="tab">微信</a>
                    </li>
                    <li role="presentation">
                        <a href="#yhk" class="yhk_type" aria-controls="yhk" role="tab"
                           data-toggle="tab">银行卡</a>
                    </li>
                </ul>
                <form class="request_tx" id="alipay_form" action="{{ route('web.remit.save') }}" method="post"
                      autocomplete="on">

                    <input type="hidden" id="remit_type" name="remit_type" value="1">
                    <input name="_token" value="{{csrf_token()}}" type="hidden"/>
                    <div class="tab-content m-cart">
                        <div role="tabpanel" class="tab-pane active" id="yhk">
                            <ul>
                                <li>
                                    <label for="wallet" class="hidden-xs"><i>*</i>充值类型：</label>
                                    <select name="wallet" id="wallet">
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_1}}">
                                            {{uWalletStr(\App\Models\MWallet::$WALLET_TYPE_1)}}（{{$user->wallet->w1 }}）
                                        </option>
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_2}}">
                                            {{uWalletStr(\App\Models\MWallet::$WALLET_TYPE_2)}}（{{ $user->wallet->w2 }}）
                                        </option>
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_3}}">
                                            {{uWalletStr(\App\Models\MWallet::$WALLET_TYPE_3)}}（{{ $user->wallet->w3 }}）
                                        </option>
                                    </select>
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>支付宝账户：</label>
                                    <input type="text" id="alipay_no" name="alipay_no" placeholder="请输入支付宝账户">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="money" class="hidden-xs"><i>*</i>充值金额：</label>
                                    <input type="text" id="money" name="money" placeholder="请输入充值金额">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>联系人手机：</label>
                                    <input type="text" id="phone" name="phone" value="{{$user->mobile}}"
                                           placeholder="请输入手机号">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="safepass" class="hidden-xs"><i>*</i>交易密码：</label>
                                    <input type="password" id="safepass" name="safepass" placeholder="请输入交易密码">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <button>生成汇款充值单</button>

                                </li>
                            </ul>
                        </div>

                    </div>
                </form>
                <form class="request_tx" id="wechat_form" action="{{ route('web.remit.save') }}" method="post"
                      autocomplete="on" style="display: none;">

                    <input type="hidden" id="remit_type" name="remit_type" value="2">
                    <input name="_token" value="{{csrf_token()}}" type="hidden"/>
                    <div class="tab-content m-cart">
                        <div role="tabpanel" class="tab-pane active" id="yhk">
                            <ul>
                                <li>
                                    <label for="wallet" class="hidden-xs"><i>*</i>充值类型：</label>
                                    <select name="wallet" id="wallet">
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_1}}">
                                            {{uWalletStr(1)}}（{{$user->wallet->w1 }}）
                                        </option>
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_2}}">
                                            {{uWalletStr(2)}}（{{ $user->wallet->w2 }}）
                                        </option>
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_3}}">
                                            {{uWalletStr(3)}}（{{ $user->wallet->w3 }}）
                                        </option>
                                    </select>
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>微信账户：</label>
                                    <input type="text" id="wechat_no" name="wechat_no" placeholder="请输入微信账户">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="money" class="hidden-xs"><i>*</i>充值金额：</label>
                                    <input type="text" id="money" name="money" placeholder="请输入充值金额">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>联系人手机：</label>
                                    <input type="text" id="phone" name="phone" value="{{$user->mobile}}"
                                           placeholder="请输入手机号">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="safepass" class="hidden-xs"><i>*</i>交易密码：</label>
                                    <input type="password" id="safepass" name="safepass" placeholder="请输入交易密码">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <button>生成汇款充值单</button>
                                </li>
                            </ul>
                        </div>

                    </div>
                </form>
                <form class="request_tx" id="bank_form" action="{{ route('web.remit.save') }}" method="post"
                      autocomplete="on" style="display: none;">

                    <input type="hidden" id="remit_type" name="remit_type" value="3">
                    <input name="_token" value="{{csrf_token()}}" type="hidden"/>
                    <div class="tab-content m-cart">
                        <div role="tabpanel" class="tab-pane active" id="yhk">
                            <ul>
                                <li>
                                    <label for="wallet" class="hidden-xs"><i>*</i>充值类型：</label>
                                    <select name="wallet" id="wallet">
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_1}}">
                                            {{uWalletStr(1)}}（{{$user->wallet->w1 }}）
                                        </option>
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_2}}">
                                            {{uWalletStr(2)}}（{{ $user->wallet->w2 }}）
                                        </option>
                                        <option value="{{\App\Models\MWallet::$WALLET_TYPE_3}}">
                                            {{uWalletStr(3)}}（{{ $user->wallet->w3 }}）
                                        </option>
                                    </select>
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>汇款人姓名：</label>
                                    <input type="text" id="remitter" name="remitter" value="{{$user->realname}}"
                                           placeholder="只允许使用本人的银行卡进行充值">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>汇出银行：</label>
                                    <input type="text" id="bank_name" name="bank_name"
                                           placeholder="请输入汇出银行">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>汇款银行账号：</label>
                                    <input type="text" id="bank_no" name="bank_no" placeholder="请输入银行卡号">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="money" class="hidden-xs"><i>*</i>充值金额：</label>
                                    <input type="text" id="money" name="money" placeholder="请输入充值金额">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="phone" class="hidden-xs"><i>*</i>联系人手机：</label>
                                    <input type="text" id="phone" name="phone" value="{{$user->mobile}}"
                                           placeholder="请输入手机号">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <label for="safepass" class="hidden-xs"><i>*</i>交易密码：</label>
                                    <input type="password" id="safepass" name="safepass" placeholder="请输入交易密码">
                                    <p class="u-ts"></p>
                                </li>
                                <li>
                                    <button>生成汇款充值单</button>
                                </li>
                            </ul>
                        </div>

                    </div>
                </form>
            </div>
        </div>
        {{--<div class="m-ddk-jl">--}}
            {{--<div class="m-title">--}}
                {{--待打款记录--}}
            {{--</div>--}}
            {{--<div class="table-responsive">--}}
                {{--<table class="table">--}}
                    {{--<tr>--}}
                        {{--<th>编号</th>--}}
                        {{--<th>充值类型</th>--}}
                        {{--<th>金额</th>--}}
                        {{--<th>充值方式</th>--}}
                        {{--<th>账户信息</th>--}}
                        {{--<th>联系方式</th>--}}
                        {{--<th>日期</th>--}}
                        {{--<th>状态</th>--}}
                    {{--</tr>--}}
                    {{--@foreach($remits as $remit)--}}
                        {{--<tr class="active">--}}
                            {{--<td>{{$remit->no}}</td>--}}
                            {{--<td>{{uWalletStr($remit->wallet)}}</td>--}}
                            {{--<td>￥{{$remit->money}}</td>--}}
                            {{--<td>--}}
                                {{--@if($remit->type==\App\Models\MWallet::$PAY_TYPE_ZFB)--}}
                                    {{--支付宝打款--}}
                                {{--@elseif($remit->type==\App\Models\MWallet::$PAY_TYPE_WX)--}}
                                    {{--微信打款--}}
                                {{--@elseif($remit->type==\App\Models\MWallet::$PAY_TYPE_YHK)--}}
                                    {{--银行卡打款--}}
                                {{--@endif--}}
                            {{--</td>--}}
                            {{--<td>--}}
                                {{--@if($remit->type==\App\Models\MWallet::$PAY_TYPE_ZFB)--}}
                                    {{--支付宝账号：{{$remit->zfb}}--}}
                                {{--@elseif($remit->type==\App\Models\MWallet::$PAY_TYPE_WX)--}}
                                    {{--微信账号：{{$remit->wx}}--}}
                                {{--@elseif($remit->type==\App\Models\MWallet::$PAY_TYPE_YHK)--}}
                                    {{--银行：{{$remit->card_bank}}&nbsp;&nbsp;开户人：{{$remit->card_name}}&nbsp;&nbsp;卡号：{{$remit->card_no}}--}}
                                {{--@endif--}}
                            {{--</td>--}}
                            {{--<td>{{$remit->tel}}</td>--}}
                            {{--<td>{{date("Y-m-d H:i:s",$remit->create_time)}}</td>--}}
                            {{--<td>--}}
                                {{--@if($remit ->status ==0)--}}
                                    {{--<a href="{{route('web.remit.apply.page',['id'=>$remit->id])}}" class="goPay">去打款</a>--}}
                                {{--@elseif($remit ->status ==1)--}}
                                    {{--<a href="###" style="background: lightblue">待审核</a>--}}
                                {{--@elseif($remit ->status ==2)--}}
                                    {{--<a href="###" style="background: #278067">充值成功</a>--}}
                                {{--@elseif($remit->status==3)--}}
                                    {{--<a href="###" style="background: red">充值失败</a>--}}
                                {{--@endif--}}
                            {{--</td>--}}
                        {{--</tr>--}}
                    {{--@endforeach--}}
                {{--</table>--}}
            {{--</div>--}}
        {{--</div>--}}
    </div>
@endsection

@section('footer')
    <script src="{{asset('web/js/my-address.js')}}"></script>

    <script type="text/javascript">
        //支付宝打款
        $('#alipay_form').validate({
            rules: {
                //银行卡验证
                money: {  //开户人
                    required: true
                },
                phone: {  //开户人
                    required: true,
                    isMobile: true
                },
                safepass: {  //开户人
                    required: true,
                    password: true
                },
                wallet: {  //开户人
                    required: true
                },
                alipay_no: {  //开户人
                    required: true
                }
            },
            messages: {},
            errorPlacement: function (error, element) {
                $(element).siblings('.u-ts').html(error)
            },
            errorElement: 'span',
            submitHandler: function (form) {
                $(form).ajaxSubmit({
                    dataType: "json",
                    type: "post",
                    beforeSend: function () {
                        //禁用按钮,防止重复提交
                        $("button").attr('disabled', 'disabled')
                    },
                    success: function (data) {
                        if (data.code == 0) {
                            toastr["success"](data.msg);
                            setInterval(function () {
                                window.location = "{{route('web.remit.apply.page')}}" + "/" + data.id;
                            }, 2000)
                        } else {
                            $("button").removeAttr('disabled');
                            toastr["error"](data.msg);
                        }
                    }
                });
            }
        });

        //微信打款
        $('#wechat_form').validate({
            rules: {
                //银行卡验证
                money: {  //开户人
                    required: true
                },
                phone: {  //开户人
                    required: true,
                    isMobile: true
                },
                safepass: {  //开户人
                    required: true,
                    password: true
                },
                wallet: {  //开户人
                    required: true
                },
                wechat_no: {  //开户人
                    required: true
                }
            },
            messages: {},
            errorPlacement: function (error, element) {
                $(element).siblings('.u-ts').html(error)
            },
            errorElement: 'span',
            submitHandler: function (form) {
                $(form).ajaxSubmit({
                    dataType: "json",
                    type: "post",
                    beforeSend: function () {
                        //禁用按钮,防止重复提交
                        $("button").attr('disabled', 'disabled')
                    },
                    success: function (data) {
                        if (data.code == 0) {
                            toastr["success"](data.msg);
                            setInterval(function () {
                                window.location = "{{route('web.remit.apply.page')}}";
                            }, 2000)
                        } else {
                            $("button").removeAttr('disabled');
                            toastr["error"](data.msg);
                        }
                    }
                });
            }
        });

        //银行卡打款
        $('#bank_form').validate({
            rules: {
                //银行卡验证
                money: {  //金额
                    required: true
                },
                phone: {  //联系人手机
                    required: true,
                    isMobile: true
                },
                safepass: {  //交易密码
                    required: true,
                    password: true
                },
                wallet: {  //钱包
                    required: true
                },
                remitter: {  //开户人姓名
                    required: true,
                    realname: true
                },
                bank_name: {  //银行名
                    required: true
                },
                bank_no: {  //银行卡号
                    required: true
                }
            },
            messages: {},
            errorPlacement: function (error, element) {
                $(element).siblings('.u-ts').html(error)
            },
            errorElement: 'span',
            submitHandler: function (form) {
                $(form).ajaxSubmit({
                    dataType: "json",
                    type: "post",
                    beforeSend: function () {
                        //禁用按钮,防止重复提交
                        $("button").attr('disabled', 'disabled')
                    },
                    success: function (data) {
                        if (data.code == 0) {
                            toastr["success"](data.msg);
                            setInterval(function () {
                                window.location = "{{route('web.remit.apply.page')}}";
                            }, 2000)
                        } else {
                            $("button").removeAttr('disabled');
                            toastr["error"](data.msg);
                        }
                    }
                });
            }
        });

        $('.yhk_type').click(function () {
            $("#alipay_form").hide();
            $("#wechat_form").hide();
            $("#bank_form").show();
        });
        $('.zfb_type').click(function () {
            $("#alipay_form").show();
            $("#wechat_form").hide();
            $("#bank_form").hide();
        });
        $('.wx_type').click(function () {
            $("#alipay_form").hide();
            $("#wechat_form").show();
            $("#bank_form").hide();
        });

    </script>
@endsection